<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div id="root">
    <div>
        <div class="cOYSvF">
            <div class="header-page"></div>
            <div class="swiper-banner swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background: url(img/banner.png);"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="eZHbVe">
                <div class="gtPiUu">
                    <div style="text-align: center;">
                        <img class="typeTitle" src="img/title1.png" alt="">
                    </div>
                    <div class="hWOAOd">
                        <div class="dJzMTK">
                            <!-- 产品分类循环 -->
                            <div class="hlTgQI">
                                <ul class="iwdthw">
                                    <li class="iCFbap" >
                                        <span class="WJaRe">书本</span>
                                        <i class="bdFrfb fa fa-angle-down"></i>
                                        <div class="liShow" >
                                            <ul class="HUkLV">
                                                <li class="ePRGup">
                                                    <a class="hkJkEM" href="product.html">图书</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fYhPIk">
                    <div style="text-align: center;">
                        <img class="typeTitle" src="img/title2.png" alt="">
                    </div>
                    <div class="dALGZw clearfix">
                        <!-- 新品发布循环 -->
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="cQMvjT">
                                            <div class="iKEEuh">NEW</div>
                                        </div>
                                        <div class="dHdbST">
                                            <img src="http://122.14.195.127:8089/carshow/1661420295883f260be90-1d4b-49aa-aa05-c3f12bc5a7b23b8764a89d1d21fc.jpg.avif">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="https://img.directindustry.com/images_di/logo-pp/L30613.gif"
                                                 alt="">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">12312</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz" >
                                                <span class="mpfqi">一捆</span><span class="mpfqi">测试12</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="cQMvjT">
                                            <div class="iKEEuh">NEW</div>
                                        </div>
                                        <div class="dHdbST">
                                            <img src="http://122.14.195.127:8089/carshow/16614203034648e81e9ce-12cc-499f-9166-4fc16594f60b3b8764a89d1d21fc.jpg.avif">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="https://img.directindustry.com/images_di/logo-pp/L30613.gif"
                                                 alt="">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">12312</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz" >
                                                <span class="mpfqi">一捆</span><span class="mpfqi">测试12</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-comp">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <!-- 轮播图循环 -->
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L79967.gif" alt="">
                            </div>
                            <!-- 结束 -->
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L182419.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L79967.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L79967.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L182419.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L182419.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L79967.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L182419.gif" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="https://img.directindustry.com/images_di/logo-pp/L182419.gif" alt="">
                            </div>
                        </div>
                        <div class="swiper-button-prev"></div>
                        <!--左箭头。如果放置在swiper外面，需要自定义样式。-->
                        <div class="swiper-button-next"></div>
                        <!--右箭头。如果放置在swiper外面，需要自定义样式。-->
                    </div>
                </div>
                <div class="news">
                    <div style="text-align: center;position: relative;">
                        <img class="typeTitle" src="img/title3.png" alt="">
                        <a href="news.html" class="lookMore">查看更多>></a>
                    </div>
                    <div class="news-box clearfix">
                        <!-- 新闻发布循环结束 -->
                        <a target="_blank" href="articleDetail.html" class="newsList">
                            <div class="newsBox">
                                <div class="newsImg">
                                    <img src="http://122.14.195.127:8089/carshow/166142018582739e4f98d-e7d9-4a4f-b06d-344d702d3f601660634036583.png" alt="">
                                </div>
                                <div class="newsCont">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </div>
                        </a><a target="_blank" href="articleDetail.html" class="newsList">
                            <div class="newsBox">
                                <div class="newsImg">
                                    <img src="http://122.14.195.127:8089/carshow/1661420196090214b593d-8f4f-40a1-a533-499c7050585a1660634036583.png" alt="">
                                </div>
                                <div class="newsCont">
                                    <p>测试英文</p>
                                    <div>测试英文摘要</div>
                                </div>
                            </div>
                        </a><a target="_blank" href="articleDetail.html" class="newsList">
                            <div class="newsBox">
                                <div class="newsImg">
                                    <img src="http://127.0.0.1/1660727778335555e73df-cbbf-462c-8a93-da929500ddce165344743540068a6fb21-9fdb-4e7e-8a0a-400f7c194325IMG_4197(20220103-031054).JPG" alt="">
                                </div>
                                <div class="newsCont">
                                    <p>撒地方送达</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </div>
                        </a><a target="_blank" href="articleDetail.html" class="newsList">
                            <div class="newsBox">
                                <div class="newsImg">
                                    <img src="http://127.0.0.1/1660727778335555e73df-cbbf-462c-8a93-da929500ddce165344743540068a6fb21-9fdb-4e7e-8a0a-400f7c194325IMG_4197(20220103-031054).JPG" alt="">
                                </div>
                                <div class="newsCont">
                                    <p>撒地方送达</p>
                                    <div>一年一度的多123131伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </div>
                        </a><a target="_blank" href="articleDetail.html" class="newsList">
                            <div class="newsBox">
                                <div class="newsImg">
                                    <img src="http://127.0.0.1/1660727778335555e73df-cbbf-462c-8a93-da929500ddce165344743540068a6fb21-9fdb-4e7e-8a0a-400f7c194325IMG_4197(20220103-031054).JPG" alt="">
                                </div>
                                <div class="newsCont">
                                    <p>撒地方送达</p>
                                    <div>手动阀发送</div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="activity">
                    <div style="text-align: center;position: relative;">
                        <img class="typeTitle" src="img/title4.png" alt="">
                        <a href="activity.html" class="lookMore">查看更多>></a>
                    </div>
                    <div class="activityBox clearfix">
                        <!-- 同期活动循环 -->
                        <div class="activityList">
                            <div class="activityImg">
                                <img src="http://122.14.195.127:8089/carshow/1661420121384e0ce3f65-cdb7-4ea6-b899-6c960f4cc757165344743540068a6fb21-9fdb-4e7e-8a0a-400f7c194325IMG_4197(20220103-031054).JPG" alt="">
                            </div>
                            <div class="activityCont">
                                <p>123</p>
                                <div class="activityPoint">地址：观音上商务区4号楼403b</div>
                                <div class="activityPoint">主办单位：厦门市华美云海科技活动</div>
                                <div class="activityPoint">开始时间：<span>Wed Aug 03 14:25:46 CST 2022</span>2021-05-1815:00:00</div>
                                <a target="_blank" href="articleDetail.html" class="activityBtn">立即查看</a>
                                <div class="activityNum">
                                    已有<span>200人</span>报名
                                </div>
                            </div>
                        </div>
                        <div class="activityList">
                            <div class="activityImg">
                                <img src="http://122.14.195.127:8089/carshow/1661420134582820fb48d-1276-4142-bcfa-a71c8355eca5165344743540068a6fb21-9fdb-4e7e-8a0a-400f7c194325IMG_4197(20220103-031054).JPG" alt="">
                            </div>
                            <div class="activityCont">
                                <p>测试</p>
                                <div class="activityPoint">地址：观音上商务区4号楼403b</div>
                                <div class="activityPoint">主办单位：厦门市华美云海科技活动</div>
                                <div class="activityPoint">开始时间：<span>Mon Aug 01 00:00:00 CST 2022</span>2021-05-1815:00:00</div>
                                <a target="_blank" href="articleDetail.html" class="activityBtn">立即查看</a>
                                <div class="activityNum">
                                    已有<span>200人</span>报名
                                </div>
                            </div>
                        </div>
                        <div class="activityList">
                            <div class="activityImg">
                                <img src="http://122.14.195.127:8089/carshow/1661420144385a7fa6496-9e09-40cb-9c1a-9e5bf919c2d3165344743540068a6fb21-9fdb-4e7e-8a0a-400f7c194325IMG_4197(20220103-031054).JPG" alt="">
                            </div>
                            <div class="activityCont">
                                <p>活动车市2332423</p>
                                <div class="activityPoint">地址：观音上商务区4号楼403b</div>
                                <div class="activityPoint">主办单位：厦门市华美云海科技活动</div>
                                <div class="activityPoint">开始时间：<span>Thu Aug 25 17:35:50 CST 2022</span>2021-05-1815:00:00</div>
                                <a target="_blank" href="articleDetail.html" class="activityBtn">立即查看</a>
                                <div class="activityNum">
                                    已有<span>200人</span>报名
                                </div>
                            </div>
                        </div>
                        <div class="activityList">
                            <div class="activityImg">
                                <img src="http://122.14.195.127:8089/carshow/166142015582473d57640-9036-4433-be9c-bfa35139160f0003f3ebcff74f99b001a4ecc65f7135.png" alt="">
                            </div>
                            <div class="activityCont">
                                <p>234324</p>
                                <div class="activityPoint">地址：观音上商务区4号楼403b</div>
                                <div class="activityPoint">主办单位：厦门市华美云海科技活动</div>
                                <div class="activityPoint">开始时间：<span>Mon Aug 01 00:00:00 CST 2022</span>2021-05-1815:00:00</div>
                                <a target="_blank" href="articleDetail.html" class="activityBtn">立即查看</a>
                                <div class="activityNum">
                                    已有<span>200人</span>报名
                                </div>
                            </div>
                        </div>
                        <!-- 同期活动循环结束 -->

                    </div>
                </div>
                <div class="project">
                    <div style="text-align: center;position: relative;">
                        <img class="typeTitle" src="img/title5.png" alt="">
                        <a href="business.html" class="lookMore">查看更多>></a>
                    </div>
                    <div class="project-box clearfix">
                        <!-- 采购项目循环 -->
                        <div class="projectList">
                            <a href="articleDetail.html" class="projectBox clearfix">
                                <div class="projectImg fl">
                                    <img src="img/news.png" alt="">
                                </div>
                                <div class="projectCont fl">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </a>
                        </div>
                        <!-- 采购项目循环结束 -->
                        <div class="projectList">
                            <a href="articleDetail.html" class="projectBox clearfix">
                                <div class="projectImg fl">
                                    <img src="img/news.png" alt="">
                                </div>
                                <div class="projectCont fl">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </a>
                        </div>
                        <div class="projectList">
                            <a href="articleDetail.html" class="projectBox clearfix">
                                <div class="projectImg fl">
                                    <img src="img/news.png" alt="">
                                </div>
                                <div class="projectCont fl">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </a>
                        </div>
                        <div class="projectList">
                            <a href="articleDetail.html" class="projectBox clearfix">
                                <div class="projectImg fl">
                                    <img src="img/news.png" alt="">
                                </div>
                                <div class="projectCont fl">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </a>
                        </div>
                        <div class="projectList">
                            <a href="articleDetail.html" class="projectBox clearfix">
                                <div class="projectImg fl">
                                    <img src="img/news.png" alt="">
                                </div>
                                <div class="projectCont fl">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </a>
                        </div>
                        <div class="projectList">
                            <a href="articleDetail.html" class="projectBox clearfix">
                                <div class="projectImg fl">
                                    <img src="img/news.png" alt="">
                                </div>
                                <div class="projectCont fl">
                                    <p>昔日有酒昔日醉，今朝文创焕新姿！</p>
                                    <div>一年一度的多伦多电影节，因为吸引众多一线明星来做首映宣传，已经蛮声世界。但您知不知道...</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="container" style="margin: 60px auto;">
                    <h4 class="jFvKRM"><span class="brmlpN">已浏览的产品</span></h4>
                    <div class="jmChuU"><a class="dKLMov forceCursor">清除历史记录</a></div>
                    <div class="dALGZw clearfix">
                        <!-- 浏览记录循环 -->
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="dHdbST">
                                            <img src="img/good.jpg">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="img/shopLogo.gif" alt="PICVISA">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">photovoltaic moduletester</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz">
                                                <span class="mpfqi">insulation</span>
                                                <span class="mpfqi">safety</span>
                                                <span class="mpfqi">voltage</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                                <div class="cardWithClose" title="删除">
                                    <button aria-label="删除" type="button" class="dDKRIF">
                                        <i class="kqKiJx fa fa-close" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <!-- 浏览记录循环结束 -->
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="dHdbST">
                                            <img src="img/good.jpg">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="img/shopLogo.gif" alt="PICVISA">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">photovoltaic moduletester</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz">
                                                <span class="mpfqi">insulation</span>
                                                <span class="mpfqi">safety</span>
                                                <span class="mpfqi">voltage</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                                <div class="cardWithClose" title="删除">
                                    <button aria-label="删除" type="button" class="dDKRIF">
                                        <i class="kqKiJx fa fa-close" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="dHdbST">
                                            <img src="img/good.jpg">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="img/shopLogo.gif" alt="PICVISA">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">photovoltaic moduletester</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz">
                                                <span class="mpfqi">insulation</span>
                                                <span class="mpfqi">safety</span>
                                                <span class="mpfqi">voltage</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                                <div class="cardWithClose" title="删除">
                                    <button aria-label="删除" type="button" class="dDKRIF">
                                        <i class="kqKiJx fa fa-close" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="dHdbST">
                                            <img src="img/good.jpg">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="img/shopLogo.gif" alt="PICVISA">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">photovoltaic moduletester</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz">
                                                <span class="mpfqi">insulation</span>
                                                <span class="mpfqi">safety</span>
                                                <span class="mpfqi">voltage</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                                <div class="cardWithClose" title="删除">
                                    <button aria-label="删除" type="button" class="dDKRIF">
                                        <i class="kqKiJx fa fa-close" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="dHdbST">
                                            <img src="img/good.jpg">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="img/shopLogo.gif" alt="PICVISA">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">photovoltaic moduletester</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz">
                                                <span class="mpfqi">insulation</span>
                                                <span class="mpfqi">safety</span>
                                                <span class="mpfqi">voltage</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                                <div class="cardWithClose" title="删除">
                                    <button aria-label="删除" type="button" class="dDKRIF">
                                        <i class="kqKiJx fa fa-close" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="ePtQNc fGerKH card">
                            <div class="fFDaJv TileInset">
                                <div class="fbCVyG">
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="dHdbST">
                                            <img src="img/good.jpg">
                                        </div>
                                    </a>
                                    <div>
                                        <a href="detail.html" class="hXrWiO">
                                            <img src="img/shopLogo.gif" alt="PICVISA">
                                        </a>
                                    </div>
                                    <a class="jQCsOM" href="detail.html">
                                        <div class="WYEsF">
                                            <span class="bnZyoU">photovoltaic moduletester</span>
                                            <span class="fFqYLA">PVM-1020KIT</span>
                                            <div class="iZjOOz">
                                                <span class="mpfqi">insulation</span>
                                                <span class="mpfqi">safety</span>
                                                <span class="mpfqi">voltage</span>
                                            </div>
                                        </div>
                                        <div class="iDWJtQ">
                                        </div>
                                    </a>
                                </div>
                                <div class="cardWithClose" title="删除">
                                    <button aria-label="删除" type="button" class="dDKRIF">
                                        <i class="kqKiJx fa fa-close" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-page"></div>
    <div class="login-cli"></div>
</div>
<script>
    $(function() {
        $(".header-page").load("header.html");
        $(".footer-page").load("footer.html");
        $(".login-cli").load("login-cli.html");
    });
    $('.iwdthw').click(function() {
        $(this).siblings().find('.liShow').hide(500)
        $(this).parents('.hlTgQI').siblings().find('.liShow').hide(500)
        $(this).toggleClass('iwdthw-click')
        $(this).find('.liShow').toggle(500)
    })
    var swiper = new Swiper('.swiper-banner', {
        spaceBetween: 0,
        loop: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        observer: true,
        observeParents: true,
        watchOverflow: true
    });
    var mySwiper = new Swiper('.swiper-comp .swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 15,
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        observer: true,
        observeParents: true,
        watchOverflow: true,
        breakpoints: {
            320: {
                slidesPerView: 2
            },
            768: {
                slidesPerView: 4
            },
            1280: { //当屏幕宽度大于等于1280
                slidesPerView: 7,
            }
        }
    });
</script>
</body>
</html>
